<template>
  <div class="home">
<<<<<<< Updated upstream
    <bottom active="home">
      <template #main>
          <van-dropdown-menu>
            <van-dropdown-item v-model="value1" :options="option1" />
            <van-dropdown-item v-model="value2" :options="option2" />
            <van-dropdown-item v-model="value3" :options="option3" />
            <van-dropdown-item v-model="value4" :options="option4" />
          </van-dropdown-menu>
      </template>
    </bottom>
=======
    <van-dropdown-menu>
      <van-dropdown-item v-model="value1" :options="option1" />
      <van-dropdown-item v-model="value2" :options="option2" />
      <van-dropdown-item v-model="value3" :options="option3" />
      <van-dropdown-item v-model="value4" :options="option4" />
    </van-dropdown-menu>

    <van-swipe-cell>
      <van-card
        price="2.00"
        desc="描述信息"
        title="商品标题"
        class="goods-card"
        thumb="https://img01.yzcdn.cn/vant/cat.jpeg"
      />
      <van-card
        price="2.00"
        desc="描述信息"
        title="商品标题"
        class="goods-card"
        thumb="https://img01.yzcdn.cn/vant/cat.jpeg"
      />
      <van-card
        price="2.00"
        desc="描述信息"
        title="商品标题"
        class="goods-card"
        thumb="https://img01.yzcdn.cn/vant/cat.jpeg"
      />
      <van-card
        price="2.00"
        desc="描述信息"
        title="商品标题"
        class="goods-card"
        thumb="https://img01.yzcdn.cn/vant/cat.jpeg"
      />
      <van-card
        price="2.00"
        desc="描述信息"
        title="商品标题"
        class="goods-card"
        thumb="https://img01.yzcdn.cn/vant/cat.jpeg"
      />
    </van-swipe-cell>
    <van-tabbar v-model="active">
      <van-tabbar-item icon="home-o">职位</van-tabbar-item>
      <van-tabbar-item icon="records">好文</van-tabbar-item>
      <van-tabbar-item icon="notes-o">面试题</van-tabbar-item>
      <van-tabbar-item icon="user-o">我的</van-tabbar-item>
    </van-tabbar>
>>>>>>> Stashed changes
  </div>
</template>
<script>
import Bottom from "./../components/Bottom.vue";
export default {
  name: "Home",
  data() {
    return {
      value1: 0,
      value2: "a",
      value3: 11,
      value4: "e",
      option1: [
        { text: "互联网技术", value: 0 },
        { text: "后端开发", value: 1 },
        { text: "JAVA", value: 2 },
        { text: "测试", value: 3 },
        { text: "Web前端", value: 4 },
        { text: "IT运维/安全", value: 5 },
        { text: "项目管理", value: 6 },
        { text: "Android", value: 7 },
        { text: "PHP", value: 8 },
        { text: "C#/.NET", value: 9 },
        { text: "大数据开发", value: 10 },
      ],
      option2: [
        { text: "互联网运营", value: "a" },
        { text: "内容运营", value: "b" },
        { text: "新媒体", value: "c" },
        { text: "客服", value: "d" },
      ],
      option3: [
        { text: "设计", value: 11 },
        { text: "UI/UE", value: 12 },
        { text: "用户体验/交互", value: 13 },
        { text: "游戏/动画设计", value: 14 },
      ],
      option4: [
        { text: "人力行政", value: "e" },
        { text: "前台", value: "f" },
        { text: "行政后勤", value: "g" },
        { text: "秘书/助理", value: "h" },
      ],
    };
  },
  components: {
    Bottom,
  },
};
</script>
<style scoped>
.goods-card {
  margin: 0;
  background-color: rgb(209, 203, 203);
}

.delete-button {
  height: 100%;
}
</style>
